<script setup>
import {reactive, ref} from "vue";

  let color = ref('red');
  let backgroundColor = ref('blue');
  let style1 = reactive({
    color: 'red',
    backgroundColor
  });
let style2 = reactive({
  border: '1px solid #145634',
  borderRadius: '5px'
});
</script>

<template>
  <div id="02">
    <el-row>
      <el-col>学习</el-col>
      <el-col>样式计算</el-col>
      <el-col :style="[style1, style2]">演示</el-col>
    </el-row>
  </div>
</template>

<style scoped>

</style>
